import React, { useState } from 'react'

import './Movie.css'


export default function Movie() {
  const [active, setActive] = useState(0)
  function userClick(num) {
    setActive(num)
  }
  return (
    <div className='movie-wrapper'>
      <div className="movie-tabs">
        <div className={active == 0 ? 'movie-tab active' : 'movie-tab'} onClick={userClick.bind(this, 0)}>正在热映</div>
        <div className={active == 1 ? 'movie-tab active' : 'movie-tab'} onClick={userClick.bind(this, 1)}>即将上映</div>
      </div>
      <div className="movie-content">
        
      </div>

    </div>
  )
}

